<template>
  <div class="line-skeleton" :style="{background: bg, width: width, height:height}"/>
</template>

<script setup lang="ts">
import {withDefaults} from 'vue'

withDefaults(defineProps<{
  bg?: string,
  width?: string,
  height?: string
}>(),{
  bg: '#cdcdcd',
  width: '100px',
  height: '22px'
})
</script>

<style scoped lang="less">
.line-skeleton {
  display: inline-block;
}
</style>